﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>支付</title>
<link href="../html/css/main.css" rel="stylesheet" type="text/css" />
<link href="../html/css/common.css" rel="stylesheet" type="text/css" />
<link href="../html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body >
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="lh-50 white">银行自动转账授权书</label>
   <!-- <a href="" class="pull-left lh-50"><span class="icon icon-left"></span></a> -->
 	<a class="pull-right block lh-50" onClick="goHomenow();"><span class="icon icon-home"></span></a> 
</div>
<!--标题区域 end-->

<ul class="step-panel">
  <li class="gone"><i>1</i>投保产品</li>
  <li class="gone"><i>2</i>客户信息</li>
  <li class="gone"><i>3</i>其他投保选项</li>
  <li class="gone"><i>4</i>告知及问卷</li>
  <li class="gone"><i>5</i>投保资料阅读</li>
  <li class="gone"><i>6</i>投保确认</li>
  <li class="gone"><i>7</i>签字</li>
  <li class="gone"><i>8</i>拍照</li>
  <li class="gone"><i>9</i>支付</li>
</ul>
<!--内容区域 start-->
<div class="H_step" id="wrapper">
  <div>   
    <div class="padding-2" id="otherSign">
        <div class="blank-10"></div>
        <h4 class="font-30 lh-45 b">
          <div class="col-md-8">
            <p class="text-right padding-15">银行自动转账授权书</p>
          </div>
        </h4>
        <div class="blank-1"></div>
        <hr>
        <a onclick="gotoPdfShow()" class="blue underline">《银行自动转账授权书》阅读</a>
      </div>
      <!-- <div class="form-group col-md-5">
        <label class="col-md-6 control-label">投保人签署</label>
        <label class="col-md-6"><button class="btn btn-primary" onclick="goSign1('showSign','pdf3','0','img1')" id="sign1">点击签名</button></label>
        <img id="img1" onclick="goSign1('showSign','pdf3','0','img1')">
      </div> -->
      <!-- <div class="form-group col-md-5">
        <label class="col-md-8 control-label">立授权人（账户所有人）签署</label>
        <label class="col-md-4"><button class="btn btn-primary" onclick="goSign1('showSign','pdf3','1','img2')" id="sign2">点击签名</button></label>
        <img id="img2" onclick="goSign1('showSign','pdf3','1','img2')">
      </div> -->
      <!-- <div class="form-group col-md-4">
        <label class="col-md-5 control-label">授权日期</label>
        <label class="col-md-7">
          <input class="form-control line" type="date" placeholder="年/月/日" />
          <input class="form-control" type="text" data-role="datebox" required="required"/>
        </label>
      </div> -->
      <div class="clearfix"></div>
      <div class="blank-2"></div>
      <div class="form-group">
      <div class="form-group col-md-5">
        <label class="col-md-6 control-label">投保人签署</label>
        <label class="col-md-6">
        	<button class="btn btn-primary" onclick="goSign1('showSign','pdf3','0','img1')" id="sign1">点击签名</button>
        	<img id="img1" onclick="goSign1('showSign','pdf3','0','img1')">
        	
        	<div class="blank-10"></div>
        	<img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf3','3','pho3')" id="pho3">
        	
        </label>
        
        
        
      </div>
        <!-- <label class="col-md-3 control-label">营销服务部/营销员编号</label>
        <label class="col-md-3">
          <input class="form-control line" type="text" value="" />
        </label> -->
        <label class="col-md-3 control-label">营销员签署</label>
        <label class="col-md-3">
         
          <button class="btn btn-primary" onclick="goSign1('showSign','pdf3','1','img2')" id="sign2">点击签名</button>
          <img id="img2" onclick="goSign1('showSign','pdf3','1','img2')">
         
          <div class="blank-10"></div>
          <img src="../html/img/signId.png" width="98" onclick="takeSignPhoto('showPhoto','pdf4','4','pho4')" id="pho4">
        
        </label>
        <div class="clearfix"></div>
        <!-- <label class="col-md-3 control-label">经代公司营销员代码</label>
        <label class="col-md-3">
          <input class="form-control line" type="text" value="" />
        </label>
        <label class="col-md-3 control-label">经代公司营销员签署</label>
        <label class="col-md-3">
          <button class="btn btn-primary" onclick="goSign1('showSign','pdf3','3','img4')" id="sign4">点击签名</button>
          <img id="img4" onclick="goSign1('showSign','pdf3','3','img4')">
        </label> -->
        <div>
          	<p class="lh-45 font-16 gray pull-left" style="padding-left:125px">请拍摄投保人胸部以上清晰的正面照</p>
          	<p class="lh-45 font-16 gray pull-right" style="padding-right:170px">请拍摄营销人员胸部以上清晰的正面照</p>         
        </div>
      </div>
      <!-- <div class="blank-2"></div> -->
      <p class="font-14 lh-45 padding-2">银行自动转账授权书 NOV2013</p>
    </div>
  </div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-1 col-md-offset-4">
    <!-- <a class="btn btn-primary btn-lg btn-block" href="editPay.action"><span class="icon icon-left-circle"></span>上一步</a> -->
  </div>
  <div class="col-md-2 no-padding padding-left-15">
    <a class="btn btn-warning btn-lg btn-block" id="change-btn" onclick="signComplete()"><span class="icon icon-camera"></span>银行卡拍照</a>
  </div>
  
  
</div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="../html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>
<!--js全放底部-->
<script src="../html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="../html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="../html/js/idangerous.swiper.min.js"></script>
<script src="../html/js/iscroll.js" type="text/javascript"></script>
<script src="../html/js/idangerous.swiper.3dflow.js"></script>
<script src="../html/js/common.js" type="text/javascript"></script>
<script src="../html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/bankAuth.js" type="text/javascript"></script>
</body>
</html>
